<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" id="html">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<base href="<?= base_url(1); ?>" />
<link type="text/css" href="css/main.css?v=<?= $config['version'] ?>" rel="stylesheet" />
<script src="js/time.js?"></script>
<script type="text/javascript">         	
            //var i = 0;

            function addp()
            { 
               var i = document.getElementsByName("childP").length;
                
                //alert("add i = "+i);
                //i++; //移除之后，数据加1
                //var i = index;
                //alert(i);
                str = '<table id ="p'+i+'" width="100%" name = "childP" >'+     
						  '<tr><td>&nbsp;</td><td>&nbsp;</td></tr>'+           
						  '<tr>'+
							'<td><div align="center">'+
								'<?= translate("ACTIVITY_ACTIVITYEDIT_NAME") ?>'+
							  '</div></td>'+
							'<td >'+
							  '<input type="text" name="row[giftbag_name][]" id="giftbag_name'+i+'" >'+
							'</td>'+
						  '</tr>'+
						  '<tr>'+
							  '<td><div align="center">'+
								'<?= translate("ACTIVITY_ACTIVITYEDIT_OBJECT") ?>'+
							  '</div></td>'+
							  '<td >'+
									'<input type="text" size="39" placeholder="<?= translate("PLASE_INPUT_ITEM") ?>" '+ 
										' name="row[giftbag_id][]" id="giftbag_id'+i+'" class="autocomplete" table="type_object" />'+
							  '</td>'+
						  '</tr>'+
						  '<tr >'+
							'<td><div align="center"><?= translate("ACTIVITY_ACTIVITYEDIT_MONEY") ?></div></td>'+
							'<td >'+
								'<input type="text" name="row[money][]" id="money'+i+'" >'+
							'</td>'+
						  '</tr>'+
					  '</table>';
                //alert(str);	
                //$("#add").append(str);
                $("#add").after(str);
                //$("add").insertAfter(str);
                autocomplete();
                $("#giftbag_id"+i).formValidator({empty: false, onshow: '<?= translate('PLASE_SELECT') ?>'}).inputValidator({min: 1, onerrormin: '<?= translate('C_NOT_EMPTY') ?>'});
                $("#giftbag_name"+i).formValidator({empty: false, onshow: '<?= translate('C_NOT_EMPTY') ?>'}).inputValidator({min: 1, onerrormin: '<?= translate('C_NOT_EMPTY') ?>'});
                $("#money"+i).formValidator({empty: false, onshow: '<?= translate('C_ONLY_NUM') ?>'}).regexValidator({regexp: 'num', datatype: 'enum', onerror: '<?= translate('C_ONLY_NUM') ?>'});
            }
            function removep()
            {
            	var i = document.getElementsByName("childP").length-1;
                //alert(i);
            	//alert("index:"+i);
            	//alert("remove i = "+i);
                if (i > 0)
                {
                    //alert(i);
                    $("#p" + i).remove();
                    //i--;
                }
            }

        </script>
</head>
<body>

<?php include(VIEWPATH . 'common/main_header.php'); ?>
<?php 
	//var_dump($row);
	//$num = count($row);
?>
<div align="center">
  <th><?= translate('ACTIVITY_ACTIVITYEDIT_ONERECHARGE') ?></th>
</div>
<form action="" method="POST" id="rowForm">
  <!-- <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tablegrid tableedit">  -->
    <!-- vip充值 -->
    <!-- 
            	<tr>
            	  <td colspan="2"><div align="center"><?= translate('ACTIVITY_ACTIVITYEDIT_FIRSTRECHARGE') ?></div></td>
            	</tr>
				 -->
    <?php for( $i = 0; $i < count($row); ++$i) {?>
    <table id ="p<?=$i ?>" name = "childP" width="100%">
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><div align="center">
            <?= translate('ACTIVITY_ACTIVITYEDIT_NAME') ?>
          </div></td>
        <td >
            <input type="text" name="row[giftbag_name][]" id="giftbag_name<?=$i ?>" value="<?= $row[$i]['giftbag_name'] ?>">
        </td>
      </tr>
      <tr>
        <td><div align="center">
            <?= translate('ACTIVITY_ACTIVITYEDIT_OBJECT') ?>
          </div></td>
        <td >
            <input type="text" size="39" placeholder="<?= translate('PLASE_INPUT_ITEM') ?>" 
                            	name="row[giftbag_id][]" id="giftbag_id<?=$i ?>" value = '<?=$row[$i]['giftbag_id'] ?>' 
	                            	class="autocomplete" table="type_object" />
        </td>
      </tr>
      <tr>
        <td><div align="center">
            <?= translate('ACTIVITY_ACTIVITYEDIT_MONEY') ?>
          </div></td>
        <td >
            <input type="text" name="row[money][]" id="money<?=$i ?>" value="<?= $row[$i]['money'] ?>">
        </td>
      </tr>
    </table>
    <? } ?>
    <p id ="add">
    </p>
    
    <table width="100%">
      <tr>
        <td><div align="center">
            <input type="button" onClick="addp()" value="<?= translate('ADD_ONE') ?>" />
          </div></td>
        <td><div align="center">
            <input type="button" onClick="removep()" value="<?= translate('REMOVE_ONE') ?>" />
          </div></td>
      </tr>
      <tr>
        <td><div align="center">
            <input type="hidden" name="row[isEver]" value="<?= $row['isEver'] ?>">
            <input name="submit" type="submit" id="submit" value="<?= translate('SUBMIT') ?>"/>
          </div></td>
        <td><div align="center">
            <input type="reset" value="<?= translate('RESET') ?>" id="reset"/>
          </div></td>
      </tr>
    </table>
  <!--  </table> -->
</form>
<script type="text/javascript">
            SG.init("core.form", function() {
                $.formValidator.initConfig({formid: "#rowForm", submitonce: true});
                for(var count = 0; count < <?=count($row) ?>; ++count)
                {
                	$("#giftbag_id"+count).formValidator({empty: false, onshow: '<?= translate('PLASE_SELECT') ?>'}).inputValidator({min: 1, onerrormin: '<?= translate('C_NOT_EMPTY') ?>'});
                	$("#giftbag_name"+count).formValidator({empty: false, onshow: '<?= translate('C_NOT_EMPTY') ?>'}).inputValidator({min: 1, onerrormin: '<?= translate('C_NOT_EMPTY') ?>'});
                	$("#money"+count).formValidator({empty: false, onshow: '<?= translate('C_ONLY_NUM') ?>'}).regexValidator({regexp: 'num', datatype: 'enum', onerror: '<?= translate('C_ONLY_NUM') ?>'});
                }
            });
</script>
</body>
</html>
